
<!-- 引入基类模板 -->
{extend name='public/base' /}

<!-- 主体部分 -->
{block name='content'}

<style>
.layui-tab-title .layui-this:after {
    border-top: 3px solid #009688;
}
</style>
<div class="layui-tab">
	{if $configGroupList}
	<ul class="layui-tab-title">
		{foreach name="$configGroupList" item="val"}
		<li {if $val.id eq $group_id}class="layui-this"{/if}><a href="{:url('index', ['group_id'=>$val.id])}">{$val.name}</a></li>
		{/foreach}
	</ul>
	{/if}
	<div class="layui-tab-content">
		<!-- 功能操作区一 -->
		<form class="layui-form toolbar">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label w-auto">配置项名称：</label>
					<div class="layui-input-inline">
						<input type="text" name="name" placeholder="请输入配置项名称" autocomplete="off" class="layui-input">
					</div>
				</div>
				<input name="group_id" id="group_id" type="hidden" value="{$group_id}">
				<div class="layui-inline">
					<div class="layui-input-inline" style="width: auto;">
						{widget:query name="查询"}
						{widget:add name="添加配置" param="['group_id='.$group_id]"}
						{widget:dall name="批量删除"}
					</div>
				</div>
			</div>
		</form>
	
		<!-- TABLE渲染区 -->
		<table class="layui-hide" id="tableList" lay-filter="tableList"></table>
		
		<!-- 操作功能区二 -->
		<script type="text/html" id="toolBar">
			{widget:edit name="编辑"}
			{widget:delete name="删除"}
		</script>
	</div>
</div>

{/block}
 
